<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>login</title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/login.css"></link>
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->

    <!--引入字体图标相关的样式文件-->
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
    <!-- 引入 layui.js -->
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>


</head>
<body>
<header class="container"></header>
<section class="container">
    <div id="bc">
        <h3 align="center">登录页面</h3>
        <div id="login_all">
            <div id="login_left">
                <img src="img/img0.jpg" alt="..." class="img-circle"><br>
                <a href="reg.html"><h6>没有注册，点击进行注册</h6></a>
            </div>
            <div id="login_right">
                <form action="" id="login_form">
                    <div id="login_form_up">
                        <span class="text-info">用户名:</span>
                        <input id="user_id" v-model="email" type="email" name="email-name" placeholder="请输入邮箱地址" @blur="check1()">
                        <span v-if="e1==1" class="glyphicon glyphicon-ok"></span><br>
                    </div>
                    <div id="login_form_down">
                        <span class="text-info">密&nbsp;&nbsp;&nbsp;&nbsp;码:</span>
                        <input id="pass_id" type="text" id="pwd" placeholder="请输入密码" ><br>
                    </div>
                    <div id="form-group">
                        <label for="pwd" class="col-md-3 control-label" style="width: 150px;margin-top: 10px;padding-left: 0"><h6>记住用户名和密码</h6></label>
                        <div class="col-md-9" style="width: 20px;padding: 0;margin-top: 10px;">
                            <input type="checkbox" name="rem" >
                        </div>
                    </div>

                    <button type="button" class="btn btn-primary">重置</button>
                    <button type="button" class="btn btn-success" @click="into">登录</button>
                </form>
            </div>
        </div>
    </div>
</section>
<footer class="container"></footer>
<input type="button" id="i" @click="check2()"value="hhh">

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<!-- 加载sweetalert -->
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<!-- 引入vue框架 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<!-- 引入axios框架 -->
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>

<script src="js/login.js"></script>
<!--&lt;!&ndash; jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) &ndash;&gt;-->
<!--<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>-->
<!--&lt;!&ndash; 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 &ndash;&gt;-->
<!--<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>-->
<!--&lt;!&ndash;引入vue框架&ndash;&gt;-->
<!--<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>-->
<!--&lt;!&ndash;引入axios框架&ndash;&gt;-->
<!--<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>-->
<!--&lt;!&ndash; 引入 layui.js &ndash;&gt;-->
<!--<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>-->
<!--&lt;!&ndash; 加载sweetalert &ndash;&gt;-->
<!--<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>-->
<!--<script src="https://cdn.bootcss.com/jquery/3.5.0/jquery.js"></script>-->
<!--<script src="js/login.js"></script>-->
<script>

</script>
</body>
</html>